<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>地图API测试</title>
<style type="text/css">
html, body {
	margin: 0;
	height: 100%;
	width: 100%;
}

fieldset {
	float: left;
	padding-left: 0;
}

ul {
	margin: 0;
	list-style-type: none;
	padding-inline-start: 0;
}

li {
	float: left;
	margin: 0 10px;
}
</style>
</head>
<body>
	<table style="height: 100%; width: 100%; border: none;">
		<tr style="height: 40px;">
			<td valign="middle">
				<fieldset>
					<legend>百度</legend>
					<ul>
						<li><a href="baidu/marker" target="worker">标注点、点击事件</a></li>
						<li><a href="baidu/track" target="worker">实时轨迹</a></li>
						<li><a href="baidu/translate" target="worker">坐标转换结果有序性</a></li>
					</ul>
				</fieldset>
				<fieldset>
					<legend>高德</legend>
					<ul>
						<li><a href="amap/marker" target="worker">标注点、点击事件</a></li>
						<li><a href="amap/track" target="worker">实时轨迹</a></li>
						<li><a href="amap/translate" target="worker">坐标转换结果有序性</a></li>
					</ul>
				</fieldset>
				<fieldset>
					<legend>天地图</legend>
					<ul>
						<li><a href="tianditu/marker" target="worker">标注点、点击事件</a></li>
						<li><a href="tianditu/track" target="worker">实时轨迹</a></li>
						<li><a href="tianditu/translate" target="worker">坐标转换结果有序性</a></li>
					</ul>
				</fieldset>
			</td>
		</tr>
		<tr>
			<td><iframe id="worker" name="worker"
					style="height: 100%; width: 100%; border: none; display: block;"></iframe></td>
		</tr>
	</table>
</body>
</html>